<script setup lang='ts'>
import { useGetDetail, useGetOrgUserCode } from '@fl/api/man-api/jc-authentication'
import { ElButton, ElMessage } from 'element-plus'
import { ref } from 'vue'

import { useStep } from './use-step'

const { initStep, stepMove } = useStep()

const { data: code } = useGetOrgUserCode()
const { data: detail } = useGetDetail()

const checked = ref(false)

function nextStep(step: number) {
    if (!checked.value) {
        ElMessage.error('请阅读并同意遵守上述规则')
        return
    }

    stepMove({ step })
}

function change(val: any) {
    window.sessionStorage.setItem('AGREEMENT_CHECK', val)
}

function init() {
    const str = window.sessionStorage.getItem('AGREEMENT_CHECK')
    checked.value = !!str
}
init()

watchEffect(() => {
    if (detail.value) {
        initStep(detail.value)
    }
})
</script>

<template>
    <div class="w-full">
        <p class="py-20 text-20 c-#1A1A1A font-600">
            欢迎您使用安居链集采平台!
        </p>

        <p class="pb-20 text-18 c-#767676 font-400">
            申请企业认证是一项严肃的法律行为，拟认证主体特此申请平台账号(原始ID){{ code }}认证服务，已仔细阅读并同意以下内容。
        </p>

        <div class="text-16 c-#1A1A1A font-400">
            <p class="pb-20">
                1.在账号资质审核成功之后，账号的使用权属于通过资质审核的认证主体，该账号自注册时产生的一切权利义务均由该主体承担，该账号所获得的所有收益、权限均归认证后的主体享有，且所有运营活动都必须以该主体对外开展。
            </p>

            <p class="pb-20">
                2.拟认证主体提交给安居链的认证资料真实无误，并不可撒销地授权安居链及其委托的任何第三方审核机构对提交的资料进行甄别核实，一经申请即产生安居链及其委托的第三方审核机构的审核成本，故所交纳的认证审核服务费用将不因认证结果、拟认证主体是否提出撤回申请等因素而退回。
            </p>

            <p class="pb-20">
                3.拟认证主体在申请企业认证服务过程中填写并向安居链提交的认证联系人(包括后续不时变更的人员)为拟认证主体指定的认证联系人员，并特此授权由该指定人员以拟认证主体的名义负责该企业账号的内容维护、开发维护及运营管理。认证联系人的所有操作行为，均代表拟认证主体，拟认证主体均需承担一切责任。
            </p>

            <p class="pb-20">
                4.本认证服务仅对该账号所提交的认证资料的真实性、合法性进行书面甄别核实，其功能、权限是否开通、账号能否发布等均需遵守对应业务平台为此所制定的专项规则，而不与认证审核结果存在直接关联。
            </p>

            <p class="pb-20">
                5.拟认证主体如违反上述承诺，均需承担一切责任，对安居链或第三方造成损失的，须赔偿损失。在安居链同意通过新的认证服务之前，本公函持续有效。
            </p>

            <p class="pb-30">
                <el-checkbox v-model="checked"
                             @change="change"
                >
                    我已同意并遵守上述规则
                </el-checkbox>
            </p>
        </div>

        <div class="text-center">
            <ElButton class="mb-30 mt-20"
                      type="primary"
                      @click="nextStep(1)"
            >
                下一步
            </ElButton>
        </div>
    </div>
</template>

<style lang="less" scoped>

</style>
